<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>阳台宝贝</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="众测天下@zhongcetianxia.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link href="https://cdn.bootcss.com/light7/0.4.3/css/light7.min.css" rel="stylesheet">
  <link href="lib/iconfont/iconfont.css" rel="stylesheet">
  <link href="assets/css/webapp.css" rel="stylesheet">
  <style type="text/css">
    
  </style>
</head>

<body class="theme-green">
  <div class="page page-wrap" id="page-picker">
    <header class="bar bar-nav bar-fill">
      <a class="icon iconfont icon-jiantou-copy pull-left back" href="index.html"></a>
      <a class="icon iconfont icon-menu open-panel pull-right"></a>
      <h1 class="title">领取种子</h1>
    </header>
    <div class="footbar fixed-bottom text-center">
      <div class="bg-cloud"></div>
      <div class="bg-dock">
      <div class="card r-md shadow-1x text-center clearfix">
        <div class="card-content-inner">
        </div>
      </div>
      </div>
      <a class="open-popup color-grey" data-popup=".popup-plants">更换种植宝贝</a>
    </div>
    <div class="content">
      <div class="paper card r-md shadow-1x text-center clearfix">
        <div class="card-header block pattern">
          <div class="card-title">领取种子</div>
        </div>
        <div class="card-content">
          <img src="assets/images/plant.png">
          <div class="fadein-top">
            <img src="assets/images/seed.png" style="width: 4.2rem;">
          </div>
          <div class="card-content-inner">
            <h3 class="color-success m-no">恭喜您！</h3>
            <p>您成功领取了西红柿种子</p>
            <p><a href="plant-steps.html" class="button button-fill button-big button-success btn-label label-right">开始种植 <i class="icon iconfont icon-jiantou-r"></i></a></p>
          </div>
        </div>
      </div> 
    </div>
  </div>
  <!-- /page -->
  <div class="panel-overlay"></div>
  <!-- Right Panel with Reveal effect -->
  <div class="panel panel-light panel-right panel-reveal sidebar">
    <div class="panel-header">
      <div class="panel-title">阳台宝贝</div>
    </div>
    <div class="list-block">
      <ul>
        <li>
          <a href="index.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-home"></i></div>
            <div class="item-inner">
              <div class="item-title">首页</div>
            </div>
          </a>
        </li>
        <li>
          <a href="plant.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-hua4"></i></div>
            <div class="item-inner">
              <div class="item-title">开始种植</div>
            </div>
          </a>
        </li>
        <li>
          <a href="diary.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-jilu"></i></div>
            <div class="item-inner">
              <div class="item-title">种植日记</div>
            </div>
          </a>
        </li>
        <li>
          <a href="baike.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-shiyongjilu"></i></div>
            <div class="item-inner">
              <div class="item-title">知识百科</div>
            </div>
          </a>
        </li>
        <li>
          <a href="Mall/index.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-shangcheng"></i></div>
            <div class="item-inner">
              <div class="item-title">在线商城</div>
            </div>
          </a>
        </li>
        <li>
          <a href="about.html" class="item-content color-dark">
            <div class="item-media"><i class="iconfont icon-xiaolian2"></i></div>
            <div class="item-inner">
              <div class="item-title">关于我们</div>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- popup -->
  <div class="popup popup-plants">
    <header class="bar bar-nav">
      <a class="icon iconfont icon-iconfonticonfontclose button button-link button-nav pull-right close-popup"></a>
      <h1 class="title">选择种植宝贝</h1>
    </header>
    <div class="content">
      <div class="content-inner b-no">
        <form>
          <div class="list-block list-base media-list mt-no">
            <ul>
              <li>
                <div class="item-link item-content">
                  <div class="item-inner">
                    <div class="item-title-row">
                      <div class="item-title">西红柿种子</div>
                    </div>
                    <div class="item-subtitle color-grey">从开花到果实成熟为30-40天。</div>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-link item-content">
                  <div class="item-inner">
                    <div class="item-title-row">
                      <div class="item-title">西红柿种子</div>
                    </div>
                    <div class="item-subtitle color-grey">从开花到果实成熟为30-40天。</div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <!--<div class="content-padded"><a class="button button-fill button-big close-popup">确认</a></div>-->
        </form>
      </div>
    </div>
  </div>
  <!-- /popup -->
  <script src="lib/js/jquery-2.0.3.min.js"></script>
  <script type="text/javascript">$.config = {router: false}</script>
  <script src="lib/light7/js/light7.min.js"></script>
  <script type="text/javascript" src="assets/js/webapp.js"></script>
  <script type="text/javascript">
  // $(document).ready(function($) {
  //   $.alert($(document).find('.footbar').outerHeight());
  //   $(document).find('.page .content').css({
  //     bottom: Math.round($(document).find('.footbar').outerHeight()) + 'px',
  //   });
  // });
  
  $(function() {
    'use strict';
    console.log($(document).find('.card').outerHeight());
    

    $('.popup-plants').on('click', '.item-content', function(event) {
      event.preventDefault();
      /* Act on the event */
      window.location.href="plant.html";
    });
    $.init();
  });
  </script>
</body>

</html>
